.breadcrumb-centrer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.2rem; /* Espace réduit entre les éléments */ padding: 0.3rem; width: 100%; box-sizing: border-box; max-width: 100%; /* Pour éviter le débordement */ } .breadcrumb-link { display: flex; align-items: center; gap: 0.2rem; /* Espace réduit entre l'icône et le texte */ text-decoration: none; color: inherit; padding: 0.2rem 0.4rem; /* Padding réduit */ border-radius: 3px; transition: all 0.2s ease; white-space: nowrap; font-size: 0.85rem; /* Taille de police légèrement réduite */ } .breadcrumb-link:hover, .breadcrumb-link:active { background-color: rgba(0, 0, 0, 0.1); transform: translateY(-1px); } .breadcrumb-separator { color: #999; font-size: 0.85rem; user-select: none; margin: 0 0.1rem; /* Marge réduite */ } /* Adaptation pour les petits écrans */ @media (max-width: 600px) { .breadcrumb-link { padding: 0.15rem 0.3rem; font-size: 0.8rem; } .breadcrumb-separator { font-size: 0.8rem; margin: 0; } }